
<template>
  <div id="app">
    <appHeader></appHeader>
    <router-view></router-view>
    <appFooter></appFooter>
  </div>
</template>

<script>
import "./app.css";
import { Tabbar, TabItem } from 'mint-ui';
import {mapMutations,mapGetters} from "vuex";

import Header from "./components/Header/header.vue";
import Footer from "./components/Footer/footer.vue";
export default {
  data(){
    return {
      "msg":"Vue"
    }
  },
    components:{
        appHeader:Header,
        appFooter:Footer
    },
    computed:{ 
      ...mapGetters(["myCount","myCurMode"])
    },
    methods:{
      
      // ...mapMutations(["increment"])
      
    },
    created(){
      console.log("AppCreated!");
    }
  }
  
</script>

